layui.use(['element', 'jquery', 'layer'], function () {
    let element = layui.element;
    let layer = layui.layer;
    let $ = layui.jquery;

    // 单击菜单按钮
    $('.subMenu').on('click', function () {
        // 获取选项卡的相关信息
        let tabTitle = $(this).text();
        let tabId = $(this).prop("id");
        let pageUrl = $(this).children('a').data('url');

        // 如果不存在选项卡，则添加一个新的选项卡
        if($('.layui-tab-title li[lay-id="'+tabId+'"]').length == 0){
            element.tabAdd('demo', {
                title: tabTitle,
                content: '<iframe src="' + pageUrl + '" class="layadmin-iframe" frameborder="no" border="0" allowtransparency="yes"></iframe>',
                id: tabId
            });
        }
        // 切换到指定 ID 的选项卡
        element.tabChange('demo', tabId);
    });
});